<div class="grid_12">
    <div class="main_1_slideshow">
        <div class="slideWrapper">
            <div id="mySlideshows" class="slideImages slideshow">
                <img src="images/banner_1.jpg" alt="1"/>
                <img src="images/banner_2.jpg" alt="2"/>
                <img src="images/banner_3.jpg" alt="3"/>
                
                <!-- empty element for Progress Bar -->
                <div class="slideProgress"></div>

                <!-- empty element for Control next/prev -->
                <div class="slidePrev" id="slidePrev"></div>
                <div class="slideNext" id="slideNext"></div>
            </div>
        </div>
    </div>
    <div class="main_1_slideshow_shadow"></div>
</div>


<div class="grid_12">
    <h1>GIỚI THIỆU VỀ CHÚNG TÔI</h1>
</div>

<div class="grid_4">
    <div class="main_1_gioithieu_image">
        <img src="images/gioi-thieu.jpg" />
    </div>
    
</div>
<div class="grid_8">
    <p>
        Verterem deserunt praesent ad his, et eam vero elitr referrentur, mei mollis officiis placerat ea. Aperiam legendos in sit, eu vide latine vel, eam in ignota posidonium. Et vis odio debet prodesset, nec te utamur intellegam. Quo everti ancillae praesent at, eum et melius inciderint eloquentiam, soluta menandri id mea. Fierent appellantur conclusionemque vel an, in erant neglegentur vix. Timeam forensibus mei an.
    </p>
    <p>
        Sea volutpat cotidieque ne, sale vitae hendrerit at sit, meliore mediocrem intellegam ne ius. Et qui sint minim erant, at est exerci sanctus accumsan. Et laboramus vulputate sed. Cu consul quaerendum eum.
    </p>
    <p>
        <a href="index.php?show=news_detail">
            <button class="btn">Chi tiết</button>
        </a>
    </p>
    <p>&nbsp;</p>
</div>

<div class="grid_6">
    <h1>TIN TỨC</h1>
    
    <h4 class="main_1_tintuc_title">
        <a href="javascript:void(0)" class="link lnColor3">
            Mẹo vặt giúp răng trắng khỏe
        </a>
    </h4>
    <p class="main_1_tintuc_date date txtColor2">24/04/2013</p>
    <p class="main_1_tintuc_summary">
        Verterem deserunt praesent ad his, et eam vero elitr referrentur, mei mollis officiis placerat ea. Aperiam legendos in sit, eu vide latine vel, eam in ignota posidonium.
    </p>
    
    <h4 class="main_1_tintuc_title">
        <a href="javascript:void(0)" class="link lnColor3">
            Chọn áo cánh như thế nào cho đẹp
        </a>
    </h4>
    <p class="main_1_tintuc_date date txtColor2">24/04/2013</p>
    <p class="main_1_tintuc_summary">
        Verterem deserunt praesent ad his, et eam vero elitr referrentur, mei mollis officiis placerat ea. Aperiam legendos in sit, eu vide latine vel, eam in ignota posidonium.
    </p>
    
    <h4 class="main_1_tintuc_title">
        <a href="javascript:void(0)" class="link lnColor3">
            Mẹo làm đẹp của các siêu sao nổi tiếng trên thế giới
        </a>
    </h4>
    <p class="main_1_tintuc_date date txtColor2">24/04/2013</p>
    <p class="main_1_tintuc_summary">
        Verterem deserunt praesent ad his, et eam vero elitr referrentur, mei mollis officiis placerat ea. Aperiam legendos in sit, eu vide latine vel, eam in ignota posidonium.
    </p>
</div>

<div class="grid_6">
    <h1>LIÊN HỆ</h1>
    
    <h4 class="main_1_tintuc_title">Vietmano company</h4>
    <p class="main_1_tintuc_summary">
        Hotline: <span class="txtColor2"><strong>093 246 1080 (Mr. Giang)</strong></span><br/>
        <span class="txtColor2" style="margin-left: 48px"><strong>097 6855 271 (Mr. Đạt)</strong></span><br/>
        Địa chỉ: 71/1E Bình Thới, P.11, Quận 11, Tp.HCM<br/>
        Điện thoại: (08) 3962 4994<br/>
        Email: chuoncam@gmail.com
    </p>
    
    <h4 class="main_1_tintuc_title">Hoặc liên lạc theo</h4>
    <form method="post" action="" class="formType_2">
        <div>
            <input type="text" class="text full txtColor1"
                   title="Email" placeholder="Email:">
        </div>
        <div>
            <input type="text" class="text full txtColor1"
                   title="Số điện thọai" placeholder="Số điện thọai:">
        </div>
        <div>
            <textarea class="textarea full txtColor1"
                      title="Nội dung" placeholder="Nội dung:"></textarea>
        </div>
        
        <div>
            <input type="text" class="text txtColor1"
                   title="Mã xác thực" placeholder="Điền số bên cạnh vào đây..."
                   style="width: 170px;">
            <button class="btn">Gửi</button>
        </div>
    </form>
</div>

<script type="text/javascript">
var progress = $('.slideProgress'), slideSelector = $( '#mySlideshows' );
var timeTracking;
var timeRemain;

slideSelector.on( 'cycle-initialized cycle-before', function( e, opts ) {
    progress.stop(true).css( 'width', 0 );
});
slideSelector.on( 'cycle-initialized cycle-after', function( e, opts ) {
    progress.stop(true)
    .css('width', 0 )
    .animate({ width: '100%' }, opts.timeout, 'linear' );

    timeTracking = new Date().getTime();
});
slideSelector.on( 'cycle-paused', function( e, opts ) {
    progress.stop(); 

    myTime = new Date().getTime();
    timeRemain = opts.timeout - (myTime - timeTracking);
});
slideSelector.on( 'cycle-resumed', function( e, opts, timeoutRemaining ) {
    progress.animate({ width: '100%' }, timeoutRemaining, 'linear' );
});

$('#mySlideshows').cycle({
    log: false,
    pauseOnHover: true,
    timeout: 5000,
    fx: 'fade',
    prev: '#slidePrev',
    next: '#slideNext'
});    
</script>